ul {
    padding: 0;
}

ul li {
    list-style: none;
}

i {
    font-style: normal;
}

label {
    font-weight: normal !important;
}

span {
    -webkit-user-select: none;
    user-select: none;
}

.modal-footer {
    border-top: 0;
    padding: 10px;
}

.red {
    border: 1px solid red;
}

.flex {
    display: flex;
}

.itemcenter {
    align-items: center;
}

.around {
    justify-content: space-around;
}

.center {
    justify-content: center;
}

.between {
    justify-content: space-between;
}

.wrap {
    flex-wrap: wrap;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.flex-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.container-fluid {
    padding: 0px !important;
}

.cafe-navbar {
    height: 40px;
    line-height: 35px;
    font-size: 16px;
    background-color: #e7edf9;
    background-image: none !important;
}

ul.cafe-nav {
    margin-left: 50px;
}

ul.cafe-nav li {
    float: left;
    margin: 0 10px;
    padding: 0 20px;
    cursor: pointer;
}

ul.cafe-nav li.active {
    border-bottom: 5px solid #ffa444;
}

.cafe-container {
    width: 100% !important;
    top: 40px !important;
}
.cafe-container.outer {
    top: 0px !important;
}

.date-pick-wrap {
    position: fixed !important;
    background-color: rgb(8, 68, 191) !important;
    box-shadow: 0 0px 10px rgba(255, 255, 255, 0.5) !important;
}

.datepicker-date.style-1 {
    border-radius: 5px !important;
    background-color: #f4f8ff !important;
}

.datepicker-date.style-1 span {
    text-shadow: 0px 0px 0px #AFAFAF !important;
    color: #000 !important;
}

.dp-hm-select-wrap .dp-hm-options {
    background-color: rgb(8, 68, 191) !important;
    border: none !important;
    box-shadow: 0 0px 10px rgba(255, 255, 255, 0.5) !important;
}

#modal_dial .modal-content,
#modal_account .modal-content,
#modal_ruler .modal-content,
#modal_picture .modal-content,
#modal_alarm .modal-content,
#modal_monitor .modal-content,
#modal_publish_details .modal-content,
#modal_word_Preview .modal-content,
#modal_add_event .modal-content,
#modal_add_bid .modal-content,
#modal_add_process .modal-content,
#modal_yjShare .modal-content
 {
    background-color: #fff;
}

#modal_dial .modal-content .modal-body,
#modal_account .modal-content .modal-body,
#modal_ruler .modal-content .modal-body,
#modal_picture .modal-content .modal-body,
#modal_alarm .modal-content .modal-body,
#modal_monitor .modal-content .modal-body,
#modal_publish_details .modal-content .modal-body,
#modal_word_Preview .modal-content .modal-body,
#modal_yjShare .modal-content .modal-body{
    padding: 0 !important;
    overflow: hidden !important;
    position: relative;
}

#modal_dial .modal-content .modal-body .modal-header,
#modal_account .modal-content .modal-body .modal-header,
#modal_ruler .modal-content .modal-body .modal-header,
#modal_picture .modal-content .modal-body .modal-header,
#modal_alarm .modal-content .modal-body .modal-header,
#modal_monitor .modal-content .modal-body .modal-header,
#modal_publish_details .modal-content .modal-body .modal-header,
#modal_word_Preview .modal-content .modal-body .modal-header,
#modal_yjShare .modal-content .modal-body .modal-header{
    position: relative;
    height: 35px;
    line-height: 35px;
    color: #fff;
    cursor: all-scroll;
    border-bottom: 0;
    background: none !important;
}

#modal_dial .modal-content .modal-body .modal-header .modal-title,
#modal_account .modal-content .modal-body .modal-header .modal-title,
#modal_ruler .modal-content .modal-body .modal-header .modal-title,
#modal_picture .modal-content .modal-body .modal-header .modal-title,
#modal_alarm .modal-content .modal-body .modal-header .modal-title,
#modal_monitor .modal-content .modal-body .modal-header .modal-title,
#modal_publish_details .modal-content .modal-body .modal-header .modal-title,
#modal_word_Preview .modal-content .modal-body .modal-header .modal-title,
#modal_yjShare .modal-content .modal-body .modal-header .modal-title{
    left: 0;
}

#modal_dial .modal-content .modal-body .modal-header .modal-title span,
#modal_account .modal-content .modal-body .modal-header .modal-title span,
#modal_ruler .modal-content .modal-body .modal-header .modal-title span,
#modal_picture .modal-content .modal-body .modal-header .modal-title span,
#modal_alarm .modal-content .modal-body .modal-header .modal-title span,
#modal_monitor .modal-content .modal-body .modal-header .modal-title span,
#modal_publish_details .modal-content .modal-body .modal-header .modal-title span,
#modal_word_Preview .modal-content .modal-body .modal-header .modal-title span,
#modal_yjShare .modal-content .modal-body .modal-header .modal-title span{
    width: 147px;
    height: 27px;
    display: block;
    float: left;
    color: #000;
    margin-left: -37px;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
    font-weight: normal;
    background: url(images/icon-tab.png) 0 0 no-repeat;
}

#modal_dial .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_account .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_ruler .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_picture .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_alarm .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_monitor .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_publish_details .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_word_Preview .modal-content .modal-body .modal-header .modal-title span:nth-child(1),
#modal_yjShare .modal-content .modal-body .modal-header .modal-title span:nth-child(1) {
    width: 136px;
    margin-left: 0;
    padding-right: 32px;
    background: url(images/icon-header.png) 0 0 no-repeat;
}

#modal_dial .modal-content .modal-body .modal-header .modal-title span.active,
#modal_account .modal-content .modal-body .modal-header .modal-title span.active,
#modal_ruler .modal-content .modal-body .modal-header .modal-title span.active,
#modal_picture .modal-content .modal-body .modal-header .modal-title span.active,
#modal_alarm .modal-content .modal-body .modal-header .modal-title span.active,
#modal_monitor .modal-content .modal-body .modal-header .modal-title span.active,
#modal_publish_details .modal-content .modal-body .modal-header .modal-title span.active,
#modal_word_Preview .modal-content .modal-body .modal-header .modal-title span.active,
#modal_yjShare .modal-content .modal-body .modal-header .modal-title span.active {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: url(images/icon-tab-hover.png) 0 0 no-repeat;
}

#modal_dial .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_account .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_ruler .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_picture .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_alarm .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_monitor .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_publish_details .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_word_Preview .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active,
#modal_yjShare .modal-content .modal-body .modal-header .modal-title span:nth-child(1).active{
    width: 136px;
    background: url(images/icon-header-hover.png) 0 0 no-repeat;
}

#modal_picture_Preview .modal-body{
    overflow-x: hidden;
    overflow-y: hidden !important;
    padding: 15px;
}

*{
    touch-action: pan-y;
}
#modal_publish_details{
    z-index: 10000;
}
.modal-backdrop{
    z-index: 9999 !important;
}